<!doctype html>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="bootstrap-4.1.1-dist/css/bootstrap.min.css" >
    <!--引入外部css-->
    <link rel="stylesheet" href="css/form.css" >
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="bootstrap-4.1.1-dist/js/jquery-3.3.1.min.js"></script>
    <!---->
    <script src="bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <script>

    </script>
    <title>查询充值</title>  
  </head>
  <body class="bg-light">

    <div  class="centerbox1">
      <h2>查询充值信息~</h2>
      <br>
      <table class="table table-striped">
        <thead>
          <tr>
            <th>充值编号</th>
            <th>充值种类</th>
            <th>充值时间</th>
            <th>充值金额</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>001</td>
            <td>线上</td>
            <td>2018-5-1</td>
            <td>100</td>
          </tr>
          <tr>
            <td>002</td>
            <td>线上</td>
            <td>2018-5-3</td>
            <td>200</td>
          </tr>
         <tr>
            <td>003</td>
            <td>线上</td>
            <td>2018-5-14</td>
            <td>100</td>
          </tr>
          <tr>
            <td>004</td>
            <td>线下</td>
            <td>2018-5-28</td>
            <td>100</td>
          </tr>
          <tr>
            <td>005</td>
            <td>线下</td>
            <td>2018-5-30</td>
            <td>500</td>
          </tr>
        </tbody>
      </table>
    </div> 
  </body>

</html>